@charset "utf-8";
$color: #00b7ee;
.web {
    width: 1000px;
    margin: 0 auto;
      /* 头部  */
    header {
        .h-blue {
            width: 100%;
            height: 24px;
            background-color: $color;
        }
    /* 导航栏部分 */
    /* 鼎搜网logo */

    /* 导航栏 */
    .h-nav{
        margin-top: 60px;
        margin-bottom: 15px;
        display: flex;
        align-items: flex-end;
        justify-content: space-evenly;
    }

    /* 导航标签 */
    .h-nav-box-ul{
        display: flex;
        margin-bottom: 5px;
        li{
            margin-left: 14px;
           
        }
        li.active {
            position: relative;
            &::after {
              content: '_';
              position: absolute;
              top: 7px;
              left: 50%;
              transform: translateX(-50%);
            }
          }
        li:hover{
            position: relative;
            &::after{
                content: '_';
                position: absolute;
                top: 7px;
                left: 50%;
                transform: translateX(-50%);
            }
        }
        a{
            text-decoration: none;
            color: #000;
        }
    }

    /* 搜索框 */
        .h-nav-search{
            position: relative;
            width: 216px;
            height: 30px;
            &::after{
                content: '';
                position: absolute;
                background:url('../images/index/search.png') !important;
                width: 26px;
                height: 21px;
                top: 5px;
                right: 8px; 
            }
            input{
                width: 100%;
                height: 100%;
            }
        }
    /* 轮播图 */
    .banner {
        width: 100%;
        height: 400px;
        img {
          width: 100%;
          height: 100%;
        }
      }
    }
    footer{
        hr{
          height: 1px;
            background-color:$color;
            opacity: 0.5;
        }
        .footer-box{
            display: flex;
            margin-top: 44px;
            // .footer-ulbox{
            //     display: flex;
            //     margin-top: 44px;
                ul {
                    font-size: 12px;
                    &:first-child {
                      margin-left: 51px;
                      margin-right: 55px;
                    }
                    &:nth-child(2) {
                      margin-right: 109px;
                    }
                    &:nth-child(3) {
                      margin-right: 53px;
                    }
                    li {
                      margin-bottom: 12px;
                      &:first-child {
                        font-size: 16px;
                        font-weight: bold;
                        margin-bottom: 26px;
                      }
                    }
                  }
    
            // }
            .footer-img{
                margin-left: 69px;
                width: 284px;
                height: 104px;
    
                img{
                    width: 100%;
                    height: 100%;
                }
            }
           
        } 
        .f-blue{
            width: 1000px;
            height: 70px;
            font-size: 12px;
            text-align: center;
            line-height: 90px;
            background-color: $color;
        }
    }
}
